<template>
  <div>
     <el-breadcrumb separator-class="el-icon-arrow-right">
  <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item>权限管理</el-breadcrumb-item>
  <el-breadcrumb-item>角色列表</el-breadcrumb-item>
</el-breadcrumb>
<el-card class="box-card">
  <el-row>
    <el-col>
    <el-button type="primary">添加角色</el-button>
    </el-col>

    </el-row>
</el-card>
  </div>
</template>

<script>
export default {
    data() {
      return {
        roleList:[]
      }
    },mounted() {
      this.getRoleList()
      
    },
    methods:{
     async getRoleList(){
        const {data:res}=await this.$http.get("roles").catch(err=>err)
            console.log(res);
            this.roleList=res.data
      }
    },
}
</script>

<style>

</style>